import { Button, message } from "antd";
import request from "../utils/request";

import { useAuth } from "../context/AuthContext";

export default function Page2() {

  const { setAuthButtons } = useAuth();


  const handleFetch2 = async () => {
    try {
      // 这里以 https://jsonplaceholder.typicode.com/todos/1 为例
      const res = await request.get("/mock/api/user/list");
      console.log(res);
      // setData(res.data);
    } catch (err) {
      console.error(err);
      // setData("请求失败");
    }
  };

  return (<div>


    <h2>
      这是菜单项2对应的页面内容
    </h2>

    <p>
      这里是一些静态内容，您可以根据需要进行修改。
    </p>

    <Button type="primary" onClick={() => {
      message.success("你点击了按钮！");

      // 这里可以添加更多的逻辑，比如更新状态、跳转等
      // 例如，发起一个 HTTP 请求

      console.log("你点击了按钮！发起http请求");
      // 发起请求
      handleFetch2();

      localStorage.setItem("test", "这是一个测试数据");
      console.log("测试数据已保存到 localStorage");

      // 更新权限按钮到 Context
      // 这里假设我们要更新权限按钮到 Context
      const newAuthButtons = [
        "page3:view", "page3:edit", "page3:delete", "page3:export", "page3:import"
      ];
      setAuthButtons(newAuthButtons); // 通过Context更新
      console.log("权限按钮已更新到 Context");
      
      // 这里可以添加更多的逻辑，比如更新状态、跳转等

    }}>
      AntD 按钮
    </Button>


  </div>);
}